<div id="profile_social_widget">
    <ul class="profile_social_icon" id="social_icon_sortable">
        <?php foreach ($socials as $key => $value) : ?>
            <li data-toggle="modal" data-target="#contact_social_<?php echo $key ?>">
                <div style="background: <?php echo $config->getSocialIconColor($key) ?>">
                    <img src="<?php echo $config->getImage('social', $key) ?>"/>
                </div>

            </li>
            <div class="modal fade" id="contact_social_<?php echo $key ?>" tabindex="-1" role="dialog"
                 aria-labelledby="changeAvatar"
                 aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel"><span class="glyphicon glyphicon-pencil"></span>&nbsp;<?php echo $this->translate($key) ?>
                            </h4>
                        </div>
                        <div class="modal-body">
                            scsdcsdcsdcsdcsdcds
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="button" class="btn btn-primary">Contact</button>
                        </div>
                    </div>
                </div>
            </div>

        <?php endforeach ?>
    </ul>
</div>


<div id="profile_slogan">
    <div class="panel">
        <p><?php echo $user->slogan ?></p>
    </div>

</div>
<div style="clear: both"></div>